<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/templateAdmin.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="windowTitle">SAMUPG :: Activar Postulantes</ui:define>

    <ui:define name="content">
        <h3 style="margin-left: 4px;">Activar Postulantes</h3>
                <p:growl />
                <h:form id="formLA">  
                    <p:dataTable id="tablaficha" var="ficha" value="#{activarFichasController.fichasvigentes}"                                                                
                                 >  
                        <f:facet name="header">  
                            Listado de Postulaciones Inscritas en el Periodo Actual
                        </f:facet>
                        <p:column headerText="Id" sortBy="#{ficha.fiId}" filterBy="#{ficha.fiId}"
                             filterMatchMode="exact"     >  
                             
                            <h:outputText value="#{ficha.fiId}" />  
                        </p:column>  
                        
                        <p:column headerText="DNI Alumno" style="width:20%" sortBy="#{ficha.usuario.usuDni}"
                                  filterBy="#{ficha.usuario.usuDni}" filterMatchMode="exact" >  
                            <h:outputText value="#{ficha.usuario.usuDni}" />  
                        </p:column>  

                        <p:column headerText="Mención" style="width:34%" sortBy="#{ficha.maestriaDiplomado.nombre}"
                                  filterBy="#{ficha.maestriaDiplomado.nombre}" filterMatchMode="contains">  
                            <h:outputText value="#{ficha.maestriaDiplomado.nombre}" />  
                        </p:column>  

                        <p:column headerText="Pago" style="width:20%" sortBy="#{ficha.fiPago}"
                                  filterBy="#{ficha.fiPago}" filterMatchMode="contains">                              
                            <h:outputText value="No realizó Pago" rendered="#{not ficha.fiPago}"/>
                            <h:outputText value="Pago realizado" rendered="#{ficha.fiPago}"/>
                        </p:column> 
                        <p:column headerText="Cod. Inscripcion" style="width:24%" sortBy="#{ficha.fiCodinscripcion}"
                                  filterBy="#{ficha.fiCodinscripcion}" filterMatchMode="exact">  
                            <h:outputText value="#{ficha.fiCodinscripcion}" />  
                        </p:column> 
                        <p:column headerText="Detalle" style="width:4%">  
                            <p:commandButton id="VistaButton" update=":formLA:display" oncomplete="carDialog.show()" icon="ui-icon-search" 
                                             title="Ver Detalle">  
                                <f:setPropertyActionListener value="#{ficha}" 
                                                             target="#{activarFichasController.selectedFicha}" />  
                            </p:commandButton>  
                        </p:column>
                        <p:column headerText="Pagar" style="width:4%">  
                           <!-- <p:commandButton id="PagarButton" update=":formLA:tablaficha"  oncomplete="pagoDialog.show()" icon="ui-icon-search" title="View">  
                                 
                            </p:commandButton>  -->
                            <p:button   icon="ui-icon-key" outcome="registrarPago.jsf"
                                    title="Registrar Pago realizado por el postulante">                                
                                <f:param name="fichaId" value="#{ficha.fiId}" />
                            </p:button>
                        </p:column>
                        
                        <f:facet name="footer">  
                            Hay en total  fichas de inscripción.  
                        </f:facet>
                        
                    </p:dataTable>  
                    
                    
                     <p:dialog header="Detalle de la Ficha" widgetVar="carDialog" resizable="true" id="detalledialog"  
                    showEffect="fade" modal="true">  
                                       
                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">      
                             
                            <h:outputText value="Nombres:" />  
                            <h:outputText value="#{activarFichasController.selectedFicha.usuario.usuNombres}" style="font-weight:bold"/>
                            <h:outputText value="Apellido Paterno:" />  
                            <h:outputText value="#{activarFichasController.selectedFicha.usuario.usuApellidoPaterno}" style="font-weight:bold"/>
                            <h:outputText value="Apellido Materno:" />  
                            <h:outputText value="#{activarFichasController.selectedFicha.usuario.usuApellidoMaterno}" style="font-weight:bold"/>
                            <h:outputText value="Telefono:" />  
                            <h:outputText value="#{activarFichasController.selectedFicha.usuario.usuTelefono}" style="font-weight:bold"/>

                        </h:panelGrid>  
                    
                     </p:dialog>
                    
                    
                    <p:dialog header="Confirmación de Pago de Alumnos" widgetVar="pagoDialog" resizable="true" id="pagodialog"  
                    showEffect="fade" modal="true">  
                        <h:form id="form"> 
                              
                              <p:commandButton value="Grabar" ajax="true" update=":formLA:tablaficha" type="submit"
                                        action="#{activarFichasController.pagarAction}" 
                                        image="ui-icon ui-icon-disk" 
                                        style="margin-right: 20px"/>
                        </h:form>
                     </p:dialog>
                    
                    
                </h:form> 
            </ui:define>
        </ui:composition>
